<script setup lang="ts">
import links from '~/data/links'
</script>

<template>
  <div>
    <img
      src="/favicon.svg"
      class="w-1\/2 animate-fadein-shift-y--2-1000"
      max-w-md
      ma
      lg:mt-4rem
    >
  </div>
  <div
    lg:text-3xl md:text-2xl
    flex justify-center
    space-x-3xl
    animate-fade-in animate-count-1
  >
    <IconTip
      v-for="(it, i) in links" :key="i"
      :name="it.name"
      :description="it.description"
      :icon="it.icon"
      :url="it.url"
    />
  </div>
  <div lg:h-4rem h-2rem />
</template>

<route lang="yaml">
meta:
  layout: default
</route>
